<!DOCTYPE html>
<html>
<head>
<title>欢迎访问菲美国际贸易有限公司</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Pets Love Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/galleryeffect.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<!-- //js -->
<script type="text/javascript" src="js/bootstrap-3.1.1.min.js"></script>

<!-- fonts -->
<link href='//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Acme' rel='stylesheet' type='text/css'><!-- //fonts -->

	<!-- start-smoth-scrolling -->
		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
		</script>
	<!-- start-smoth-scrolling -->
</head>
<body>
<div class="header ">
	<div class="container">
		<div class="header-left grid">
			<div class="grid__item color-1">
				<h1><a href="index.html"><i><i/></a></h1>
			</div>
		</div>
		<div class="header-middle">
			<ul>
				<li><span class="glyphicon glyphicon-phone" aria-hidden="true"></span>+0086-510-86991652</li>
				<li><a href="mailto:info@example.com"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>sales@film-maker.cn</a></li>
			</ul>
		</div>
		<div class="header-right">
			<div class="search">
				<form action="#" method="post">
					<input type="search" name="Search" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}" required="">
					<input type="submit" value=" ">
				</form>
			</div>
		</div>
		<div class="clearfix"></div>
	</div>
</div>
<div class="banner page-head">
	<div class="ban-top ">
		<div class="container">
			<div class="ban-top-con">
			<div class="top_nav_left">
				<nav class="navbar navbar-default">
				  <div class="container-fluid">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
					  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					  </button>
					</div>
					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse menu--shylock" id="bs-example-navbar-collapse-1">
					  <ul class="nav navbar-nav menu__list">
						<li class=" menu__item"><a class="menu__link" href="index.html">首页<span class="sr-only">(current)</span></a></li>
						<li class=" menu__item"><a class="menu__link" href="about.html">关于我们</a></li>
						<li class=" active menu__item menu__item--current"><a class="menu__link" href="gallery.html">产品中心</a></li>
						<li class=" menu__item"><a class="menu__link" href="news.html">新闻咨询</a></li>
						<li class=" menu__item"><a class="menu__link" href="contact.html">联系我们</a></li>
					  </ul>
					</div>
				  </div>
				</nav>	
			</div>
			<div class="top_nav_right">
				<ul>
					<li class="hvr-rectangle-out"><a class="fb" href="#"></a></li>
					<li class="hvr-rectangle-out"><a class="twit" href="#"></a></li>
					<li class="hvr-rectangle-out"><a class="goog" href="#"></a></li>
					<li class="hvr-rectangle-out"><a class="pin" href="#"></a></li>
					<li class="hvr-rectangle-out"><a class="drib" href="#"></a></li>
				</ul>	
			</div>
			<div class="clearfix"></div>
			</div>
		</div>
	</div>
</div>
<!-- banner -->
<!-- gallery -->
<div class="gallery">
	<div class="container">
		<h3 class="title">Our <span>Products</span></h3>
			<section>
				<ul class="lb-album ">
					
					<li class="grid">
						<a href="#image-7">
							<figure class="effect-apollo">
								<img src="images/pds1.jpg" alt="image7">
								<figcaption>
								</figcaption>			
							</figure>
						</a>
							<div class="lb-overlay" id="image-7">
									<img src="images/pds1.jpg" alt="image7" />
									<div class="gal-info">							
										<h3>PVC热收缩膜（吹塑工艺）</h3>
										<p>优点：PVC是目前市场上最常见的收缩膜类型。由于在其他行业的应用，原材料容易获得，并且PVC热收缩膜性价比极高，优异的光学透明度，在较低温度下的高收缩率和耐久性使PVC膜成为多数的选择。</p>
									</div>
									<a href="gallery.html" class="lb-close">Close</a>
							</div>
					</li>
					<li class="grid">
						<a href="#image-8">
							<figure class="effect-apollo">
								<img src="images/pds2.jpg" alt="image8">
								<figcaption>
								</figcaption>			
							</figure>
						</a>
							<div class="lb-overlay" id="image-8">
									<img src="images/pds2.jpg" alt="image8" />
									<div class="gal-info">							
										<h3>PVC热收缩膜（压延工艺）</h3>
										<p>应用：1.用于饮料瓶标的印刷和包装 2.用于医药和食品包装材料 3.电池收缩膜 4.红酒瓶盖收缩膜</p>
									</div>
									<a href="gallery.html" class="lb-close">Close</a>
							</div>
					</li>
					<li class="grid">
						<a href="#image-9">
							<figure class="effect-apollo">
								<img src="images/pds3.jpg" alt="image9">
								<figcaption>
								</figcaption>			
							</figure>
						</a>
							<div class="lb-overlay" id="image-9">
									<img src="images/pds3.jpg" alt="image9" />
									<div class="gal-info">							
										<h3>PETG收缩薄膜</h3>
										<p>应用：1. 广泛应用于各种瓶用标签的印刷 2. 特殊型及环罐容器标签的印刷</p>
									</div>
									<a href="gallery.html" class="lb-close">Close</a>
							</div>
					</li>
					<li class="grid">
						<a href="#image-10">
							<figure class="effect-apollo">
								<img src="images/pds4.jpg" alt="image10">
								<figcaption>
								</figcaption>			
							</figure>
						</a>
							<div class="lb-overlay" id="image-10">
									<img src="images/pds4.jpg" alt="image10" />
									<div class="gal-info">							
										<h3>PE缠绕膜</h3>
										<p>适用于栈板外包裹以及工厂内部零散、半成品货物的包裹。将膜缠绕在货物的周围，使货物包装的更加紧密，能预防货物倒塌，防尘、防潮等，起到保护货物的作用</p>
									</div>
									<a href="gallery.html" class="lb-close">Close</a>
							</div>
					</li>
					<li class="grid">
						<a href="#image-11">
							<figure class="effect-apollo">
								<img src="images/pds5.jpg" alt="image11">
								<figcaption>
								</figcaption>			
							</figure>
						</a>
							<div class="lb-overlay" id="image-11">
									<img src="images/pds5.jpg" alt="image11" />
									<div class="gal-info">							
										<h3>拆封拉线</h3>
										<p>主要用于香烟、食品、医药、影碟（光盘）等具有外封薄膜产品，使用方便，提高产品的外包装档次。</p>
									</div>
									<a href="gallery.html" class="lb-close">Close</a>
							</div>
					</li>
					<li class="grid">
						<a href="#image-12">
							<figure class="effect-apollo">
								<img src="images/pds6.jpg" alt="image12">
								<figcaption>
								</figcaption>			
							</figure>
						</a>
							<div class="lb-overlay" id="image-12">
									<img src="images/pds6.jpg" alt="image12" />
									<div class="gal-info">							
										<h3>胶带系列</h3>
										<p>产品特征：粘合力强，拉伸力度大，防水性及耐候性好，适应温差范围广。应用：可用于各种外箱包装，粘贴牢固，具有一定保护作用。</p>
									</div>
									<a href="gallery.html" class="lb-close">Close</a>
							</div>
					</li>
				</ul>
			</section>

	</div>
</div>
<!-- //gallery -->
<!-- contact -->
<div class="contact-form">
		<div class="container">
			<h3 class="title">Contact <span>Us</span></h3>
			
			<div class="col-md-6 contact-right ">				
				<form action="#" method="post">
					<input type="text" name="Name" value="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}" required="">
					<input type="email" name="Email" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}" required="">
					<input type="text" name="Telephone" value="Telephone" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Telephone';}" required="">
					<textarea name="Message..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Message...';}" required="">Message...</textarea>
					<input type="submit" value="Submit" >
				</form>
			</div>
			<div class="col-md-6 contact-left ">
				<h2>联系我们</h2>
				<p>欢迎访问菲美国际贸易有限公司，您可以点击以下链接联系我们。</p>
				<ul class="contact-list">
					<li><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span>江苏省无锡江阴市长山大道55号天安数码城</li>
					<li><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span><a href="sales@film-maker.cn">sales@film-maker.cn</a></li>
					<li><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>+0086-510-86991652</li>
				</ul>
				<ul class="icons-list footer-bottom">
					<li><a href="#" class="use1"><span>Facebook</span></a></li>
					<li><a href="#" class="use2"><span>Twitter</span></a></li>
					<li><a href="#" class="use3"><span>Dribbble</span></a></li>
					<li><a href="#" class="use4"><span>Pinterest</span></a></li>
				</ul>
			</div>						
			<div class="clearfix"> </div>
			<p class="copy-right text-center">Copyright ®2016 Jiangyin Film-Maker International Trade Co., Ltd.</a></p>
		</div>			
</div>

<!-- contact -->
	<!-- smooth scrolling -->
	<script type="text/javascript">
		$(document).ready(function() {
		/*
			var defaults = {
			containerID: 'toTop', // fading element id
			containerHoverID: 'toTopHover', // fading element hover id
			scrollSpeed: 1200,
			easingType: 'linear' 
			};
		*/								
		$().UItoTop({ easingType: 'easeOutQuart' });
		});
	</script>
	<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
<!-- //smooth scrolling -->

</body>
</html>